<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    *{
        margin:0;
        padding: 0;
    }
    html,body{
        height: 100%;
    }
</style>
<body>
    <svg width="100%" height="100%" style="background: #ccc;" id="svg">
        <!--g标签进行分组，可为同一组元素设置公共的属性或样式-->
        <g style="stroke:red; stroke-width:10;stroke-linecap:round; ">
            <line x1="10" x2="14" y1="10" y2="10" ></line>
            <line  x1="10" x2="14" y1="25" y2="25"></line>
            <line  x1="10" x2="14" y1="40" y2="40"></line>
            <line  x1="30" x2="70" y1="10" y2="10"></line>
            <line x1="30" x2="70" y1="25" y2="25"></line>
            <line  x1="30" x2="70" y1="40" y2="40"></line>

    </svg>
</body>

</html>